| Conditions | 1 | 
| Total Lines | 52 | 
| Code Lines | 44 | 
| Lines | 0 | 
| Ratio | 0 % | 
| Changes | 0 | ||
Small methods make your code easier to understand, in particular if combined with a good name. Besides, if your method is small, finding a good name is usually much easier.
For example, if you find yourself adding comments to a method's body, this is usually a good sign to extract the commented part to a new method, and use the comment as a starting point when coming up with a good name for this new method.
Commonly applied refactorings include:
If many parameters/temporary variables are present:
| 1 | import { graphql } from "gatsby" | 
            ||
| 9 |   render() { | 
            ||
| 10 |     const { affiche } = this.props.data | 
            ||
| 11 | return (  | 
            ||
| 12 | <Layout>  | 
            ||
| 13 | <SEO  | 
            ||
| 14 | lang="nl-BE"  | 
            ||
| 15 | title="Mosselfestijn reservaties"  | 
            ||
| 16 | description="Mosselfestijn 2020 - Inschrijvingen"  | 
            ||
| 17 |           path={this.props.location.pathname} | 
            ||
| 18 | />  | 
            ||
| 19 |         <div className={`limited-width_wrapper`}> | 
            ||
| 20 | <header>  | 
            ||
| 21 | <h1>Mosselfestijn</h1>  | 
            ||
| 22 | </header>  | 
            ||
| 23 | <main>  | 
            ||
| 24 | <p>  | 
            ||
| 25 | Op vrijdag 10, zaterdag 11 en zondag 12 september 2021 vindt ons jaarlijkse Mosselfestijn weer plaats. Om  | 
            ||
| 26 | de spreiding te kunnen garanderen en wachttijden aan de ingang zoveel mogelijk te beperken werken we dit  | 
            ||
| 27 | jaar met een reservatiesysteem. Hieronder kan je zelf jouw gewenste tijdstip en gezelschap selecteren en  | 
            ||
| 28 | een tafel boeken (voor 08/09/2021).  | 
            ||
| 29 | </p>  | 
            ||
| 30 | <p>  | 
            ||
| 31 |               Telefonisch reserveren kan dagelijks tussen 18u en 21u op het nummer{` `} | 
            ||
| 32 | <a href="tel:+32475981611" className="rich-link">  | 
            ||
| 33 | 0475/98.16.11  | 
            ||
| 34 | </a>  | 
            ||
| 35 | .  | 
            ||
| 36 | </p>  | 
            ||
| 37 | <p>  | 
            ||
| 38 | Ter plaatse een tafel vragen kan, naargelang de beschikbaarheid op dat moment, maar hou er rekening mee  | 
            ||
| 39 | dat we onze capaciteit hebben moeten verlagen om aan de regelgeving te kunnen voldoen. Wie zeker wil zijn  | 
            ||
| 40 | van zijn plek kan beter reserveren.  | 
            ||
| 41 | </p>  | 
            ||
| 42 | <tbkr-bm-widget  | 
            ||
| 43 | restaurant-id="34742560"  | 
            ||
| 44 | source="website"  | 
            ||
| 45 | use-modal="0"  | 
            ||
| 46 | lang="nl"  | 
            ||
| 47 | theme="light"  | 
            ||
| 48 | ></tbkr-bm-widget>  | 
            ||
| 49 | <script src="https://reservations.tablebooker.com/tbkr-widget-import.min.js"></script>  | 
            ||
| 50 | </main>  | 
            ||
| 51 | <footer>  | 
            ||
| 52 | <GatsbyImage  | 
            ||
| 53 |               image={{ | 
            ||
| 54 | ...affiche.childImageSharp.gatsbyImageData,  | 
            ||
| 55 | }}  | 
            ||
| 56 | alt="Mosselfestijn 2021"  | 
            ||
| 57 | />  | 
            ||
| 58 | </footer>  | 
            ||
| 59 | </div>  | 
            ||
| 60 | </Layout>  | 
            ||
| 61 | )  | 
            ||
| 74 |